import React from 'react'
import pic1 from '@/images/HomePage/pic1.svg';
import style from '../Components/RecordInvoice.less'
import { Button } from 'antd-mobile';
import dkfp from '@/images/HomePage/dkfp.svg';
import sgdd from '@/images/HomePage/sgdd.svg';
import { history } from 'umi';

export default function RecordInvoice() {
  const handleRecord=()=>{
    history.push(
      '/Invoice/RecordSure'
    )
  }
  return (
    <div className={style.div1}>
      <div className={style.div1_1}
      onClick={handleRecord}>
        <p className={style.p1}>录单开票</p>
        <p className={style.p2}>免税农产品代开发票</p>
        <div className={style.div2}>
          <button className={style.button1}>立即录单开票</button>
          <img className={style.pic1} src={pic1} alt="" />
        </div>
      </div>
      <div className={style.div1_2}>
        <img style={{height:"60px",flex:1}} src={dkfp} alt="" />
        <img style={{height:"60px",flex:1,marginTop: "auto"}} src={sgdd} alt="" />
      </div>
    </div>
  )
}
